let htmlStr = `
        <h2>商品上传</h2>
    <form action="">
        <!-- 标题 -->
        <label for="title">商品标题:</label>
        <input type="text" id="title" data-id="title" name="name" ><br><br>
        <!-- 大图 -->
        <label for="img_big_logo">商品大图地址:</label>
        <input type="text" id="img_big_logo" data-id="imgBig" ><br><br>
        <!-- 小图 -->
        <label for="img_small_logo">商品小图地址:</label>
        <input type="text" id="img_small_logo" data-id="imgSml" ><br><br>
        <!-- 原价 -->
        <label for="price">原价:</label>
        <input type="text" id="price" data-id="price" ><br><br>
        <!-- 折扣力度 -->
        <label for="sale_type">折扣力度:</label>
        <input type="text" id="sale_type" data-id="sale" ><br><br>
        <!-- 库存 -->
        <label for="goods_number">库存:</label>
        <input type="text" id="goods_number" data-id="goodsNum" ><br><br>
        <!-- 是否热销 -->
        <label for="is_hot">是否热销:</label>
        <input type="text" id="is_hot" ><br><br>
        <!-- 商品分类 -->
        <label for="category">商品分类:</label>
        <select name="" id="category" data-id="category">
            <option  value="">汽车生活</option>
        </select>
        <br><br>
        <label for="introduce">商品描述:</label>
        <input type="text" id="introduce" data-id="introduce" ><br><br>
        <button id='submit'>上传</button>
        <button id='reset'>重置</button>
    </form>
`;
let cssStr = `
.router-view {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.router-view>table {
    width: 1000px;
    border: 1px solid #000;
    text-align: center;
}

.router-view>table img {
    width: 50px;
    height: 50px;
}

.router-view>table>tbody>tr {
    height: 60px;
}

.router-view>table tbody>tr>td:nth-of-type(2) {
    color: red;
    width: 250px;
    font-size: 14px;

}

.router-view>table tbody>tr>td>input[type=checkbox] {
    width: 30px;
    height: 30px;
}
.router-view>table tbody>tr>td:last-child{
    color: #666;
}
`

export {
    htmlStr, cssStr
}